<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<script type="text/javascript">

window.onload = function(){
  document.getElementById("username").focus();
};
function refreshVerifyCode(){
	var imgSrc='/default/index/verifycode/'+Math.random()+'/';
	var obj = document.getElementById('imgVerifyCode');
	obj.src = imgSrc;
//	$('#imgVerifyCode').attr('src',imgSrc);
}

</script>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 25px;
}

#loginBox {
	width: 300px;
	border: 1px solid #ccc;
	background: #FFF;
}

h1 {
	height: 35px;
	line-height: 35px;
	background: #e8e8e8;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	text-indent: 5px;
}

input.name,input.code {
	width: 150px;
	height: 25px;
	border: 1px solid #ccc;
	margin: 0 0 0 0px;
	padding: 0 0 0 20px;
}

input.verifyCode {
	height: 25px;
	width: 75px;
	border: 1px solid #ccc;
}

input.name {
	background: url("../../../images/login-username.gif") no-repeat left
		center;
}

input.code {
	background: url("../../../images/login-password.gif") no-repeat left
		center;
}

input.loginBtn,input.registerBtn {
	width: 54px;
	height: 21px;
	border: none;
	margin: 5px;
}

input.loginBtn {
	background: url("../../../images/login-btn.gif") no-repeat;
}

html,body {
	/*background: url("../images/background-top.png") no-repeat scroll 0 0 #318DAC;*/
	border: 0px solid #333333;
	color: #333333;
	font: 12px/150% Arial, Helvetica, sans-serif, '宋体';
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
}

.logo {
	background: url("../../../images/logo.png") no-repeat scroll left top
		transparent;
	height: 70px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 170px;
}

.header {
	height: 88px;
	margin-top: auto;
	padding: 0 10px;
	position: relative;
	background: url("../../../images/background-top.png") no-repeat 0 0
		#318DAC;
}
</style>
</head>
<body>
	<div class="header">
		<div class="logo" title="China Fullfill"></div>
	</div>
	<div style="margin-top: 100px; text-align: center">
		<center>
			<form name="login" id="loginForm" method="post"
				action="/default/index/authenticate">
				<div id="loginBox" style="text-align: left">
					<h1>用户登录</h1>
					<div id="msg"
						style="margin-top: 5px; margin-left: 5px; font-size: 13px; color: red; text-align: center;">
						<span><?php echo $errMsg;?></span>
					</div>
					<div style="margin-top: 5px; margin-left: 5px; font-size: 13px;">
						用户名： <input type="text" class="name" name="username" id="username"
							tabindex="1" />
					</div>
					<div style="margin-top: 5px; margin-left: 18px; font-size: 13px;">
						密码： <input type="password" class="code" name="password"
							tabindex="2" />
					</div>
					<div style="margin-top: 5px; margin-left: 5px; font-size: 13px;">
						验证码： <input name="verifyCode" id="verifyCode" class="verifyCode"
							value="" type="text" size="10" tabindex="3" maxlength="5">&nbsp;&nbsp;
							<img id="imgVerifyCode" src="/default/index/verifycode/" width=72
							height=18> &nbsp; &nbsp; <a
								href="javascript:refreshVerifyCode();">看不清？</a>
					
					</div>
					<p align="center">
						<input type="submit" value="" class="loginBtn" />
					</p>
				</div>
			</form>
		</center>
	</div>

</body>
</html>